Radio button

Radio buttons allow users to select exactly one choice from a group.

Examples

Default

Open in: Storybook | Figma

Tile

Open in: Storybook | Figma

Error

Open in: Storybook | Figma

Usage

Refer to the VA Design System for usage guidance

Code usage

Open Storybook

Content considerations

• Refer to the VA Design System for content considerations

Accessibility considerations

• Refer to the VA Design System for accessibility considerations
• Screenreaders should announce the name, role, and state of each radio button.

Related

• Radio button - VA Design System
• Radio buttons - USWDS
• Radio button - Material Design